<iframe
  src="./flowable-modeler-designer/index.html"
  id="myFrame"
  frameborder="0"
  width="100%"
  height="100%"
>
</iframe>

<!-- src="./flowable-modeler-designer/index.html" -->
<script>
  let myFrame = document.getElementById('myFrame');

  window.onmessage = (event) => {
      myFrame.contentWindow.postMessage(event.data, '*');
      switch (event.data.type) {
          case 'UCDialog':
          case 'UGDialog':
          case 'UPDialog':
          case 'UADialog':
          case 'SODialog':
          case 'eventListenerDialog':
          case 'eventListener':
          case 'submit':
              console.log('event.data.type:',JSON.stringify(event.data.type),JSON.stringify(event.data))
              window.parent.postMessage(event.data, '*');
              break;
          default:
              break;
      }
  }
</script>
